<template>
    <Menu mode="horizontal" theme="primary">
        <div class="layout-logo">FINANCE</div>
        <div class="layout-nav">
            <MenuItem name="1" to="/use">
                <Icon type="ios-navigate"></Icon>
                待审核
            </MenuItem>
            <MenuItem name="2">
                <Icon type="ios-keypad"></Icon>
                待处理
            </MenuItem>
            <Submenu name="3">
            <template slot="title">
                <Icon type="ios-stats" />
                个人中心
            </template>            
                <MenuItem name="3-1">新增和启动</MenuItem>
                <MenuItem name="3-2">活跃分析</MenuItem>
                <MenuItem name="3-3">时段分析</MenuItem>                  
        </Submenu>
            <MenuItem name="3-4">退出登录</MenuItem>
        </div>
    </Menu>
</template>

<script>
export default {
    name: 'Top'
}
</script>

<style scoped>

.layout-logo{    
    width: 100px;
    height: 30px;   
    color: #fff;
    font-size:30px; 
    float: left;
    font-weight: bold;   
}
.layout-nav{
    width: 500px;
    margin: 0 auto;
    margin-right: 20px;
}
</style>